<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>订单评价</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta content="zh-cn" http-equiv="content-language" />
<meta content="" name="copyright" />
<%@ include file="/page/pc/include.jsp"%>
<!-- 大图查看插件 -->
<link rel="stylesheet" type="text/css" href="<%=basePath%>/statics/plugins/fancybox/css/fancybox.css" />
<style>
	.ac_file{  
        width: 52px;  
        left: 41%;  
        position: absolute;  
        cursor: pointer;  
        opacity: 0;  
    }
    .txt_red{
    	color:#ff0000;
    }
</style>
</head>
<body style="background: #f5f5f5">
	<div class="wrap">
		<!---头部公共部分开始-->
		<div class="header">
			<jsp:include page="../header_top.jsp" />
		</div>
		<div class="member_header">
			<div class="member_header_con">
				<h1>
					<a href="${rootPath}/pc/index"><img src="${rootPath}/statics/images/logo5.png" /></a>
				</h1>
				<div class="member_nav">
					<ul>
						<li><a class="a1" href="${rootPath}/pc/index">首页</a></li>
						<li onmouseover="this.className='hover'"
							onMouseOut="this.className=''"><a href="javascript:void(0)" class="a1">账户管理<i></i></a>
							<dl>
								<dd>
									<p>
										<span>账户管理</span><i></i>
									</p>
								</dd>
								<dt>
									<a href="javascript:void(0)"><p>我的信息</p></a>
								</dt>
								<dt>
									<a href="javascript:void(0)"><p>修改密码</p></a>
								</dt>
								<dt>
									<a href="javascript:void(0)"><p>收货地址</p></a>
								</dt>
							</dl></li>
					</ul>
				</div>
				<div class="member_header_right">
					<div class="search_part11">
						<form action="${rootPath}/pc/product/search" method="post">
							<input type="text" name="searchKey" class="inputstyle11" /> 
							<input type="submit" class="inputbtn11" value="搜索" />
						</form>
					</div>
					<div class="cart_part1">
						<p>
							<a href="${rootPath}/pc/shoppingcart/list"><i></i><span>我的购物车</span><em id="shopCount">0</em></a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!---头部公共部分结束-->
	<!-- 页面信息部分 -->
	<div class="site_wrap119">
		<div class="site_wrap119_con">
			<div class="comment_wrap">
				<h1>评价订单</h1>
				<h2>
					订单号：<b>${order.orderCode }</b>
					<span></span>
					${order.orderTimeStr }
					<input type="hidden" id="orderCode" value="${order.orderCode }"/>
				</h2>
				<c:forEach items="${orderDetailList }" var="orderDetail" varStatus="status">
				<div class="comment_1">
					<div id="comment_${orderDetail.id }"name="comment_div" class="comment_1_con">
						<dl>
							<dt style="margin-bottom:0px;">
								<a tag="productImg" rel="product_img_${orderDetail.id }" href="${imgRootURL }${orderDetail.imagePath }${ossImgZoomPC}">
									<img style="width:50px; height:50px;" src="${imgRootURL }${orderDetail.imagePath }?x-oss-process=image/resize,h_100/format,png" />
								</a>
								<strong style="margin-left: 85px;">${orderDetail.productName }</strong>
								<input type="hidden" name="productCode" value="${orderDetail.productCode }"/>
								<input type="hidden" name="productName" value="${orderDetail.productName }"/>
								<input type="hidden" name="productSpec" value="
									<c:forEach items="${orderDetail.productSpecList }" var="spec" varStatus="specStatus">
										${spec.specName }:${spec.specValue }	
									</c:forEach>
								"/>
								<input type="hidden" name="imagePath" value="${orderDetail.imagePath }"/>
							</dt>
							<dt>
								<strong>商品满意度</strong>
								<div class="txt1">
									<div name="default-demo"></div>
								</div>
							</dt>
							<dt>
								<strong>商品评价</strong>
								<div class="txt1">
									<div class="textarea1">
										<textarea name="content" placeholder="商品是否满意？"></textarea>
										<b>
											<em name="txtLen">0</em>/100
										</b>
									</div>
									<div class="pic_part">
										<div class="upload_btn">
											<!-- <input type="button" class="inputbtn2" value="上传照片" onclick="uploadImg(this);"/> -->
											<button class="inputbtn2" onclick="uploadImg(this);">
												<i></i>
												<span>上传照片</span>
											</button>
											<input class="ac_file" detailId="${orderDetail.id }" id="upload_${orderDetail.id }" style="position:relative" type="file" name="upload" onchange="ajaxFileUpload(this);" />
										</div>
										<div class="upload_list">
											<ul id="ul_${orderDetail.id }">
											</ul>
										</div>
									</div>
								</div>
							</dt>
						</dl>
					</div>
				</div>
				</c:forEach>
				<div class="comment_2">
					<p>
						<input type="hidden" id="contentLen" value="true"/>
						<input type="button" onclick="commitEvaluation();" class="inputbtn1" value="提交" />
					</p>
				</div>
			</div>
		</div>
	</div>
	<!-- 页面信息部分结束 -->
	
	<div>
		<!---网站底部开始-->
		<jsp:include page="../footer.jsp?showQaFlag=0" />
		<!---网站底部结束-->
	</div>
	
<script type="text/javascript" src="<%=basePath%>/statics/js/jquery.raty.min.js"></script>
<!-- 大图查看插件 -->
<script type="text/javascript" src="<%=basePath%>/statics/plugins/fancybox/js/jquery.fancybox-1.3.1.pack.js"></script>
<script type="text/javascript" src="<%=basePath%>/statics/plugins/upload/ajaxfileupload.js"></script>
<script type="text/javascript" src="<%=basePath%>/js/order/order_evaluation.js"></script>
<script type="text/javascript">
$(function() {
		/**
		 * 获取购物车数量
		 */
		$.ajax({
			type: 'POST',
			url: rootPath + "/pc/shoppingcart/getShoppingcarCount",
			async: true,
			dataType: 'json',
			success: function(json) {
				if(json.code == '1') {
					$("#shopCount").html(json.data);
				}
			}
		});
	});
	</script>
</body>
</html>